<template>
	<u-popup :show="false" mode="center" round="24" bgColor="transparent">
		<view class="container">
			<view class="tip-img">
				<image src="../../static/assets/tip.png" mode="widthFix" style="width:280rpx;height:234rpx;"></image>
			</view>
			<view class="tip-text">
				<view class="text1">
					你好！为向您提供更好的服务体验
				</view>
				<view class="text2">
					请您绑定手机号
				</view>
			</view>
			<view class="tip-btn">
				<view class="btn">
					立即完善
				</view>
			</view>
		</view>
		<view class="closer">
			<image src="../../static/assets/closer.png" mode="widthFix" style="width: 56rpx;height: 56rpx;" ></image>
		</view>
	</u-popup>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped>
	.container{
		width:622rpx;
		height:566rpx;
		border-radius: 24rpx;
		background-color: white;
		padding: 48rpx 70rpx;
		box-sizing: border-box;
		.tip-img{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.tip-text{
			margin-top:24rpx;
			text-align: center;
			.text1{
				font-size: 32rpx;
				line-height: 44rpx;
			}
			.text2{
				line-height: 44rpx;
				font-size: 32rpx;
				font-weight: bolder;
			}
		}
		.tip-btn{
			margin-top:24rpx;
			width:282rpx;
			.btn{
				width:482rpx;
				height:88rpx;
				background-color: #C79E62;
				border-radius: 24rpx;
				line-height: 88rpx;
				text-align: center;
				font-size: 36rpx;
				font-weight: bold;
				color:white;
			}
		}
	}
	.closer{
		margin-top:52rpx;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>